<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品页 </title>
    <link rel="stylesheet" href="./css/product.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2120931_22t2zj4hqkl.css">
</head>

<body>
    <header>
        <div class="tele">
            <div class="container">
                <span class="teleNum">全国服务热线:400-0000-0000</span>
                <div class="right">
                    <a href="#">设为首页</a>
                    <a href="#">加入收藏</a>
                </div>
            </div>
        </div>
        <div class="head">
            <div class="content">
                <div class="logo">
                    <div style="height: 100%;font-size: 21px;">
                        TK科技有限公司
                        <div style="font-size: 0.8em;font-weight: normal;">asdfgdfsa</div>
                    </div>
                </div>
                <div class="menu">
                    <ul>
                        <li>
                            <div>
                                首页
                            </div>
                            <div>
                                home
                            </div>
                        </li>
                        <li>
                            <div>
                                关于我们
                            </div>
                            <div>
                                about
                            </div>
                        </li>
                        <li>
                            <div>
                                首页
                            </div>
                            <div>
                                home
                            </div>
                        </li>
                        <li>
                            <div>
                                产品
                            </div>
                            <div>
                                product
                            </div>
                        </li>
                        <li>
                            <div>
                                服务支持
                            </div>
                            <div>
                                service
                            </div>
                        </li>
                        <li>
                            <div>
                                新闻中心
                            </div>
                            <div>
                                news
                            </div>
                        </li>
                        <li>
                            <div>
                                在线商店
                            </div>
                            <div>
                                shop
                            </div>
                        </li>
                        <li>
                            <div>
                                联系我们
                            </div>
                            <div>
                                contact us
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="banner">

    </div>
    <section>
        <!-- <i class="icon iconfont icon-iconfront-" ></i> -->
        <div class="bread">
            <span>首页</span>
            <i class="icon iconfont icon-xiangyou"></i>
            <span>新品发布</span>
        </div>
        <div class="center-content">
            <div class="items ">
                <p>百万高清系列</p>
                <i class="icon iconfont icon-xiangxia fontsize"></i>
            </div>
            <div class="items ">
                <p>百万高清系列</p>
            </div>
            <div class="items ">
                户外防水系列
            </div>
            <div class="items ">
                室内系列
            </div>
        </div>
        <div class="product-imgs">
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
            <div class="items-con">
                <img src="./img/detail/s-pic.png" alt="">
                <p>S6202-WR</p>
                <p>100万无线高清 64GB 语音对讲只能连接 手机fdafsdfsd</p>
            </div>
        </div>

        <div class="pagination">
            <span>上一页</span>
            <ul>
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
            <span>下一页</span>
        </div>
    </section>
    <footer>
        <div class="contact">
            <div class="follow">
                关注我们：
                <i class="icon iconfont icon-weibo"></i>
                <i class="icon iconfont icon-weixin"></i>
                <i class="icon iconfont icon-QQ"></i>
            </div>
            <ul >
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
                <li>网站首页</li>
            </ul>
        </div>
    </footer>
    <div class="copyright">
        &copy; TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司TK有限公司
    </div>
</body>

</html>